﻿@charset "utf-8";
/* CSS Document */
body,ul,ol,h1,h2,h3,h4,h5,h6,form,ul,li,p,input,select,legend,textarea,dl,dd,dt,fieldset,table,th,td{margin:0; padding:0;}
body{ font-family:"微软雅黑", Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; background-color: #000; color: #FFF; overflow-x: hidden; font-size: 12px; min-}
ul,li{list-style:none;}
i, em{ font-style: normal;}
a{text-decoration:none;}
img{border:none;}
.body{
  min-width: 1280px;
  max-width: 1420px;
  margin: 0 auto;
  position: relative;
}
.c{clear:both;}
.f_l{float:left;}
.f_r{float:right;}
.col_a{ color:#d82128;}
a:hover{ text-decoration: none; color:#d82128;}
img{max-width: 100%;}

/*消除浏览器黄框*/
input, textarea,button{ outline:none;}
/*为了消除选中时的虚线框*/
a:active{/*设置为只在标签激活时候处理，提高效率*/
	bblr:expression(this.onFocus=this.blur());/*IE使用*/	
}
a {
outline-style:none;
}
/*清除浮动*/
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{ zoom:1; }

.m_wrap { width: 1280px; margin: 0 auto; position: relative;}
/*top*/
.header{ background:#89674c; height:80px; display:block; width:100%;position: relative;}
.logo{float:left; display:block; margin-top: 15px;}

.nav{ float:right;}
.nav>ul>li{ float:left; display:block; position:relative;}
.nav>ul>li>a{ font-size:14px; color:#e1d1b9; display:block; text-align:center; margin:0 30px; line-height: 76px;}
.nav>ul>li:hover>a,.nav>ul>li.on>a{ color:#fff; border-bottom: 2px solid #fff;}

.quick{ height: 24px; margin-top: 30px; float: right; padding-left: 18px; border-left: 1px solid #aa8f75; margin-left: 10px;}
.quick a{ margin: 0 5px;}
.quick a i{ width: 24px; height: 24px; display: inline-block; background-image: url(../img/quick_icon.png); background-repeat: no-repeat;}
.quick .quick_iocn1{ background-position: 0 0;}
.quick a:hover .quick_iocn1{ background-position: 0 -30px;}
.quick .quick_iocn2{ background-position: -30px 0;}
.quick a:hover .quick_iocn2{ background-position: -30px -30px;}
.quick .quick_iocn3{ background-position: -60px 0;}
.quick a:hover .quick_iocn3{ background-position: -60px -30px;}

/*banner*/
.banner_box{position: relative; z-index: 1; width: 100%;}
.swiper1{ width:100%; transform: translate3d(0px, 0px, 0px);transition-duration: 0ms; height: 730px;}
.swiper1 .swiper-slide{ background-position: center center; background-size:cover;}
.swiper1 .swiper-pagination-bullet{ border: 2px solid #fff; opacity:0.5; width:12px; height:12px; background: no-repeat;}
.swiper1 .swiper-pagination-bullet-active{ background:#fff no-repeat; opacity:0.5;}

.h_box{height: 240px;padding: 60px 0 70px;}
.h_box .m_wrap{border-top: 1px solid #1b1614;padding-top: 30px;}
.h_box li{height: 240px;background: #1a1a1b;position: relative;float: left;width: 420px;overflow: hidden;display: block;}
.h_box li+li{ margin-left: 10px;}
.section-detailed{z-index: 2; position: absolute; left: 0; width: 100%; text-align: center; top: 20px;}
.section-detailed h3{font-size: 20px; color: #ccac82; font-weight: 100;}
.section-detailed p{font-size: 14px; color: #916f53; margin-top: 3px;}
.section-detailed p span{padding-right: 20px; height: 18px; display: inline-block; background: url(../img/icon.png) no-repeat right 4px;}
.h_box li:hover p{ color: #ccac82;}
.h_box li:hover p span{ background-position: right -12px;}

.copyright{border-top: 1px solid #2d2522;padding-top: 20px;padding-bottom: 20px;color: #5f4838;-webkit-font-smoothing: antialiased;font-size: 12px; margin-top: 60px;}
.copyright a{ color: #5f4838;}
.copyright a:hover{ color:#ccac82;}
.foot_t{ font-size: 12px;}
.foot_l{ float: left;font-size: 14px; line-height:30px;}
.foot_r{ float: right;}
.phone_box{font-weight: 700; color: #5f4838; font-size: 12px;}
.phone_box .phone{font-size: 24px; background: url(../img/tel.png) no-repeat left center; color: #89674c; font-family: Arial; padding-left: 30px;}
.totop{position: absolute; top: -50px; right: 0; background: url(../img/gotop.png) no-repeat right 4px; background-position-y: 4px; font-size: 12px; color: #5f4838; padding-right: 33px; text-decoration: none;}
.totop:hover{color: #ccac82; background-position-y: -13px;}



/*内页*/
.banner_s img{ width: 100%;}
.about_box{ padding: 60px 0 100px;}
.tit_box{top: 52px;left: 0;font-size: 34px;color: #ccac82;text-align: center;letter-spacing: 2px;width: 100%;line-height: 40px; font-weight: 100; margin-bottom: 30px;}
.about_div{ width: 880px; display: block; margin: 0 auto; font-size: 18px; color: #e7ded1; line-height: 38px;}


.person-header{position: absolute; top: 80px; width: 100%; height: 60px; z-index: 2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: .9; background-color: #18181a; line-height: 60px;}
.ce2{width: 100%; z-index: 9999; position: fixed; max-width: 1420px; min-width: 1280px; top: 0;}
.person-header .header-con > span { font-size: 16px; color: #916f53;}
.person-header a{float: right; display: inline-block; margin: 0 0 0 34px; text-decoration: none; font-size: 13px; color: #916f53; height: 60px;}
.person-header a:hover,.person-header a.active {border-bottom: 3px solid #ccac82;color: #ccac82;}

.pro_box1 img{ width: 100%;}
.pro_box2{border-top: 1px solid #2d2522; margin-top: 80px; padding-top: 80px; padding-bottom: 80px;}
.tit_box2{top: 52px;left: 0;font-size: 46px;color: #ccac82;text-align: center;letter-spacing: 2px;width: 100%;line-height: 50px; font-weight: 100; margin-bottom: 30px;}
.pro_ul li{ text-align: center; width: 27.33%; margin: 40px 3%; text-align: center; float: left;}
.pro_ul li h3{font-size: 30px;color: #ccac82; font-weight: 100;}
.pro_ul li p{font-size: 16px;color: #fff;margin-top: 10px; line-height: 28px; height: 56px; overflow: hidden;}
.pro_btn{width: 138px;height: 32px;margin: 0 auto;display: block;color: #916f53;border: 1px solid #916f53;text-decoration: none;text-align: center;line-height: 32px;margin-top: 16px;}
.pro_btn:hover{background-color: #ccac82;color: #2d2522;border-color: #ccac82;}

.pro_d_box1{ position: relative;}
.pro_d_box1 img{ width: 100%;}
.p_tit_box{ position: absolute; left: 50%; margin-left: -600px; top: 120px;}
.p_tit_box h3{font-size: 54px;color: #ccac82;width: 60px;line-height: 70px; font-weight: 100; float: right; margin-right: 50px; margin-left: 10px;}
.p_tit_box p{font-size: 24px;color: #fff;width: 30px;line-height: 28px; float: right;}
.p_tit_box .code{ margin-top: 60px;}


.pro_d_box3{ padding: 50px 0;}
.swiper-container_2 .swiper-wrapper{}

.swiper-container_2{ position:relative;/* width:1120px;*/ margin:0 auto; margin-top:100px; overflow:hidden; padding:0 80px; background: url(../img/section-banner.png) repeat-x;}
.swiper-container_2 .swiper-wrapper{}
.swiper-container_2 .swiper-slide{ text-align:center;}
.swiper-container_2 .swiper-slide img{ border-radius: 50%;}
.swiper-container_2 .swiper-slide span{ display:block;color: #916f53;font-size: 22px;text-align: center;margin-top: 20px;line-height: 35px;}
.swiper-container_2 .swiper-button-next.swiper-button-white{ background-color: #000; width:100px; height:330px; margin-top:-170px; right:0px;}
.swiper-container_2 .swiper-button-prev.swiper-button-white{ background-color: #000; width:100px; height:330px; margin-top:-170px; left:0px;}

.pro_d_box2{ margin-top: 100px; margin-bottom: 40px; height: 480px;}
.pro_d_box4{ margin-top: 80px; margin-bottom: 60px; height: 500px;}
.pro_d_box5{border-top: 1px solid #2d2522; padding-top: 60px; padding-bottom: 60px;}
.p_img{ float: left; margin: 0 40px;}
.por_d_box{ float: left; width: 401px; margin: 30px 80px 0;}
.por_d_box h3{color: #c4a57d; font-size: 32px; text-align: center; padding-bottom: 35px; font-weight: 100;}
.por_d_box p{border-top: 2px solid #322f2a; border-bottom: 2px solid #322f2a; margin-bottom: 40px; position: relative;}
.por_d_box p > span{height: 50px; display: block; color: #c8bba9; line-height: 50px; font-size: 13px;}
.por_d_box p > span label{width: 200px; height: 100%; text-indent: 20px; display: block; float: left; font-weight: 600;}
.por_d_box p > span label + label {border-left: 1px dashed #322f2a;}
.por_d_box p > span + span {border-top: 1px solid #322f2a;display: block;overflow: hidden;}
.por_d_box a{width: 172px; height: 40px; margin: 0 auto; margin-top: 0px; display: block; color: #916f53; border: 1px solid #916f53; text-decoration: none; text-align: center; line-height: 40px; margin-top: 25px; font-size: 16px;}
.por_d_box a:hover{background-color: #ccac82;color: #2d2522;border-color: #ccac82;}

